<template>
	<div class="index" >

    <div style="font-size: 18px; margin-bottom: 20px; font-weight: bold;">考官信息</div>

    <div style="padding: 5px 10px;">确保这些信息的完整、真实和准确是您的责任。</div>
    <div style="padding: 5px 10px;">请特别注意您的身份证件，如果您的证件在考试前将过期，请申请新的身份证件后再进行注册。</div>
    <div style="padding: 5px 10px;">在提交此页面后，您将不能修改以下信息:姓名(包括中文姓名和拼音)性别证件类型和证件号码生日部分注册信息会提交德国德福考试院，这将直接影响您是否能成功报考，请务必认真填写。</div>
    <div style="padding: 5px 10px;" class="flexc"><div style="width: 120px; text-align: right; margin-right: 30px;">姓(中文):</div><el-input v-model="all.name" style="width: 250px; " @input="change1()" placeholder="请输入内容"></el-input></div>
    <div style="padding: 5px 10px;" class="flexc"><div style="width: 120px; text-align: right; margin-right: 30px;">姓(英文/全拼):</div><el-input v-model="all.name2" disabled style="width: 250px; " placeholder="请输入内容"></el-input></div>
    <div style="padding: 5px 10px;" class="flexc"><div style="width: 120px; text-align: right; margin-right: 30px;">名(中文):</div><el-input v-model="all.name" style="width: 250px; " @input="change1()" placeholder="请输入内容"></el-input></div>
    <div style="padding: 5px 10px;" class="flexc"><div style="width: 120px; text-align: right; margin-right: 30px;">名(英文/全拼):</div><el-input v-model="all.name2" disabled style="width: 250px; " placeholder="请输入内容"></el-input></div>
    <div style="padding: 5px 10px; color: #999; font-size: 14px;">(例如:姓名:王小刚,则应输入 姓:王;名:小刚。)</div>
    <div style="padding: 5px 10px;" class="flexc">
        <div style="width: 120px; text-align: right; margin-right: 30px;">性别:</div>
        <div>
          <el-radio v-model="all.radio" label="1">男</el-radio>
          <el-radio v-model="all.radio" label="2">女</el-radio>
        </div>
    </div>

    <div style="padding: 5px 10px;" class="flexc">
      <div style="width: 120px; text-align: right; margin-right: 30px;">国籍:</div>
      <el-input v-model="all.name2" style="width: 250px; " placeholder="请输入国籍"></el-input>
      <div style="padding: 5px 10px; color: #999; font-size: 14px;">（与户口本一致）</div>
    </div>

    <div style="padding: 5px 10px;" class="flexc"><div style="width: 120px; text-align: right; margin-right: 30px;">出生年月日:</div>
      <el-date-picker v-model="all.time" type="date" value-format="yyyy-MM-dd" style="width: 250px;" placeholder="选择时间"> </el-date-picker>
    </div>


    <div style="padding: 5px 10px; color: #f00;">证件要求:</div>

    <div style="padding: 5px 10px; font-size: 14px; color: #999;">中国大陆考生参加考试必须携带的唯一身份证件是有效的"中华人民共和国居民身份证“原件。根据《中华人民共和国身份证法》，任何中国公民无论是何年龄，均可向户籍所在派出所申领身份证。特别提醒未申领身份证的青少年考生提前办理，以免影响考试。</div>
    <div style="padding: 5px 10px; font-size: 14px; color: #999;">清考生确认所持身份证仍在有效期内、芯片信息读取功能正常、本人当前相貌无重大改变(如整容、性别改变等)。否则，建议考生立即重新申请新的身份证。中国香港和澳门考生必须携带有效的港滨身份证原件或港澳居民居住证原件参加考试。</div>
    <div style="padding: 5px 10px; font-size: 14px; color: #999;">中国台湾考生必须携带有效的台湾地区居民往来大陆通行证原件或台湾居民居住证原件参加考试。非中国籍考生必须携带有效护照原件参加考试。护照明确显示考生的姓名、本人近期照片和签字，并带有中国入签证(中国给予免签证待遇国家的护照除外)和中国边境入境签章。</div>

    <div style="padding: 5px 10px;" class="flexc">
      <div style="width: 120px; text-align: right; margin-right: 30px;">证件:</div>
      <el-select v-model="value" style="width: 250px;" placeholder="请选择证件类型">
          <el-option label="身份证" value="1"></el-option>
          <el-option label="护照" value="2"></el-option>
      </el-select>
      <el-input v-model="all.name2" style="width: 250px; margin-left: 20px;" placeholder="请输入证件号码"></el-input>
    </div>
    <div style="padding: 5px 10px; color: #999; font-size: 14px;">类型和证件号码必须相符，并与参加考试时所持有效证件保持一，请准确写。</div>

    <div style="padding: 5px 10px;"><el-button type="primary">保存信息</el-button></div>
	</div>
</template>

<script>
	export default {
		name: 'index',
		data() {
			return {
        all:{
          name:"",
          name2:""
        }
			}
		},
		created() {

		},
		mounted() {

		},
		methods: {
      change1:function(){
        this.all.name2 = pinyinPro.pinyin(this.all.name, { toneType: 'none' })


      }
    }
	}
</script>


<style scoped >

</style>
